<template>
<div class="box">
  <div class="connect">
    <goBack></goBack>
    <img class="erweima" :src="customer_service"/>
  </div>
  </div>
</template>

<script setup>
import { onMounted, ref } from 'vue';
import goBack from '../../components/goBack.vue';
import { getArticle, getQrcode } from '../../api/apiList/homePage.js';
let customer_service = ref({});
onMounted(async () => {
  getQrcode().then((res) => {
    const { result } = res;
    customer_service.value = result.customer_service;
  });
});

</script>

<style lang="less" scoped>
.box {
   background: #b4b9fa;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
}
.connect {
    background-image: url('../../assets/images/weixin.jpg');
   background-size: 100% auto;
    background-repeat: no-repeat; 
    height:auto;
    width:100vw;
    display: flex;
    height:0px;
    align-items: center;
    flex-direction: column;
    padding-bottom: 800px;
    .erweima {
        width: 206px;
        height:206px;
        margin-top:283px;
    }
   
}
</style>
